<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>实验动物名词本体库</title>
		<link rel="stylesheet" type="text/css" href="../../kexueyuan/css/public.css"/>
		<link rel="stylesheet" type="text/css" href="../../kexueyuan/css/user.css"/>
		<script src="../../kexueyuan/js/jq.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
    @include("public.public_header")
		<div class="box">
			<div class="wrapper">
				<div class="breadNav">
					<span>主页</span>
					<span>//</span>
					<span>个人中心</span>
					<span>//</span>
					<span class="select">修改资料</span>
				</div>
				<div class="maincontent">
					<form id="userInfo" action="" method="post">
						<div class="avatr">
							<img src="{{ $assign['image'] }}" width="150px">
						</div>
						<div class="name">
							<label>用户名：</label>
							<input type="text" name="" id="" value="{{ $assign['member_name'] }}" />
						</div>
						<div class="psd">
							<label>密码：</label>
							<input type="password" name="" id="" value="{{ $assign['password'] }}" disabled="disabled" />
							<span id="changePwd">修改</span>
						</div>
						<div class="btn">
							<button type="submit">保存修改</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<div class="change_popup">
			<form id="user_change_pwd" onsubmit="return false;">
				<div class="title">修改密码</div>
				<div class="itembox">
                    <input type="hidden" value="{{ $assign['email'] }}" name="email">
					<p class="tips">验证码将发送到{{ $assign['email'] }}的邮箱上。请注意查收</p>
					<div class="item">
						<div class="name">
							<span>验证码:</span>
						</div>
						<div class="forgetInput">
							<input type="text" placeholder="填写邮箱验证码" name="code"/>
							<div class="verification">
								<span id="sendEmail">发送验证码</span>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="name">
							<span>新密码:</span>
						</div>
						<div class="forgetInput">
							<input type="password" placeholder="请输入您的新密码" name="newPassword" />
						</div>
					</div>
					<div class="item">
						<div class="name">
							<span>确认密码:</span>
						</div>
						<div class="forgetInput">
							<input type="password" placeholder="请再次输入您的密码" name="confirmPassword" />
						</div>
					</div>
				</div>
				<button class="btn subChange" type="submit" id="changeSub">确定</button>
				<img src="../../kexueyuan/img/close.png" class="close" id="user_change_pwd_close">
			</form>
			<div class="change_success">
				<div>
					<img src="../../kexueyuan/img/success.png" >
					<p>您好！您的密码已修改成功！</p>
					<div class="sces_btn">确定</div>
				</div>
			</div>
		</div>
		@extends("public.public_footer")
		<script type="text/javascript">
			$('#changePwd').click(function(){
				$('.change_popup').fadeIn();
				$('#user_change_pwd').css('display','block')
			})
			$('#user_change_pwd_close').click(function(){
				$('#user_change_pwd').css('display','none')
				$('.change_popup').fadeOut();
			})
			// $('.subChange').click(function(){
			// 	$('#user_change_pwd').css('display','none');
			// 	$('.change_success').css('display','flex');
			// 	setTimeout(()=>{
			// 		$('.change_success').css('display','none');
			// 		$('.change_popup').fadeOut();
			// 	},1000)
			// 	return false;
			// })
			$('.sces_btn').click(function(){
				$(this).css('display','none');
				$('.change_popup').fadeOut();
			})
		</script>
		<script src="../../kexueyuan/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../kexueyuan/js/user_upload.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
